<?php if (!defined('THINK_PATH')) exit(); /*a:7:{s:30:"./public/user/articleInfo.html";i:1543304898;s:32:"./public/user/common/header.html";i:1541562184;s:36:"./public/user/common/header_one.html";i:1542003552;s:42:"./public/user/common/top-section-area.html";i:1541471002;s:35:"./public/user/common/post-area.html";i:1541471203;s:32:"./public/user/common/footer.html";i:1541052960;s:28:"./public/user/common/JS.html";i:1540457071;}*/ ?>
    <!DOCTYPE html>
    <html lang="zxx" class="no-js">
    <head>
        <!-- Mobile Specific Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Favicon-->
<link rel="shortcut icon" href="/public/static/img/fav.png">
<!-- Author Meta -->
<meta name="author" content="colorlib">
<!-- Meta Description -->
<meta name="description" content="">
<!-- Meta Keyword -->
<meta name="keywords" content="">
<!-- meta character set -->
<meta charset="UTF-8">
<!-- Site Title -->
<title id="head_title">Blogger</title>

<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,400,300,500,600,700" rel="stylesheet">
<!--
CSS
============================================= -->
<link href="/public/static/plug/layui/css/layui.css" rel="stylesheet" />

<link rel="stylesheet" href="/public/static/css/linearicons.css">
<link rel="stylesheet" href="/public/static/css/font-awesome.min.css">
<link rel="stylesheet" href="/public/static/css/bootstrap.css">
<link rel="stylesheet" href="/public/static/css/owl.carousel.css">
<link rel="stylesheet" href="/public/static/css/main.css">
<link rel="stylesheet" href="/public/static/css/tanchuang.css">

<script src="/public/static/js/user/url.js"></script>
    </head>
    <body>
        <!-- Start Header Area -->
        <link rel="stylesheet" type="text/css" href="/public/static/css/login/normalize.css" />
<link type="text/css" rel="stylesheet" href="/public/static/css/login/style.css" />

<header class="default-header">
    <nav class="navbar navbar-expand-lg navbar-light">
        <div class="container">
            <a class="navbar-brand" href="index.html">
                <img src="/public/static/img/logo.png" alt="">
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse justify-content-end align-items-center" id="navbarSupportedContent">
                <ul class="navbar-nav">
                    <li><a  href="/index.php/admin/index/index">Home首页</a></li>
                    <li><a href="/index.php/admin/index/index#news">News新闻</a></li>
                    <li><a href="/index.php/admin/index/index#travel">Travel旅游</a></li>
                    <li><a href="/index.php/admin/index/index#fashion">fashion时尚</a></li>
                    <li><a href="/index.php/admin/index/index#team">team团队</a></li>

                    <!-- Dropdown -->
                    <li class="dropdown">
                        <a class="dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
                            Pages详情
                        </a>
                        <div class="dropdown-menu">
                            <!--<a class="dropdown-item" href="#" onclick="generic()">Single时尚</a>-->
                            <!--<a class="dropdown-item" href="#" onclick="searcha()">Search查询</a>-->
                            <a class="dropdown-item" href="#" onclick="write_blog()">Write写博客</a>
                            <?php if($user == 0): ?>
                            <a class="dropdown-item" id="tc" onclick="tc()" href="#" >login登录</a>
                            <?php endif; if($user != 0): ?>
                            <a class="dropdown-item" href="#" onclick="person()">Personal个人中心</a>
                            <a class="dropdown-item" href="#" onclick="logout()">logout退出</a>
                            <?php endif; ?>
                        </div>
                    </li>
                    <?php if($user != 0): ?>
                    <li>
                        <img style="width: 20px;height: 20px;border-radius: 100%" src="/<?php echo $user['img']; ?>">
                    </li>
                    <li><a href="#" onclick="admin_archive(<?php echo $user['id']; ?>)"><?php echo $user['username']; ?></a></li>
                    <?php endif; ?>
                </ul>
            </div>
        </div>
    </nav>
</header>

<div id="gray"></div>
<div class="popup" id="popup">
    <div class="top_nav" id='top_nav'>
        <div align="center">
            <span>登录账号</span>
            <a class="guanbi"></a>
        </div>
    </div>
    <div class="min">
        <div class="tc_login">
            <div class="left">
                <h4 align="center">手机扫描</h4>
                <div align="center"><img src="/public/static/images/erweima.jpg" width="150" height="150" /></div>
                <dd>
                    <div align="center">扫描二维码登录</div>
                </dd>
            </div>
            <div class="right">
                <form method="POST" name="form_login" target="_top">
                    <div align="center">
                        <a href="">短信快捷登录</a>
                        <i class="icon-mobile-phone"></i>
                        <input type="text" name="name" id="username" required="required" placeholder="用户名" autocomplete="off" class="input_yh">
                        <input type="password" name="pass" id="password" required="required" placeholder="密码" autocomplete="off" class="input_mm">
                    </div>
                    <dd>
                        <div align="center"><a href="">遇到登录问题</a></div>
                    </dd>
                    <div align="center">
                        <input type="submit" id="login" class="button" title="Sign In" value="登录">
                    </div>
                </form>
                <dd>
                    <div align="center"><a href="../../admin/login/register">立即注册</a></div>
                </dd>
                <hr align="center" />
                <div align="center">期待更多功能 </div>
            </div>
        </div>
    </div>
</div>

<script src="/public/static/js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script language="javascript" src="/public/static/js/user/user_login.js"></script>
<script>
    $(function () {
        $('#login').click(function () {
            var username = $('#username').val();
            var password = $('#password').val();
            $("#gray").hide();
            $("#popup").hide();
            userLogin(username,password);
        })
    })

    //窗口效果
    //点击登录class为tc 显示
    function tc() {
        $("#gray").show();
        $("#popup").show();//查找ID为popup的DIV show()显示#gray
        tc_center();
    }

    //点击关闭按钮
    $("a.guanbi").click(function(){
        $("#gray").hide();
        $("#popup").hide();//查找ID为popup的DIV hide()隐藏
    })

    //窗口水平居中
    $(window).resize(function(){
        tc_center();
    });

    function tc_center(){
        var _top=($(window).height()-$(".popup").height())/2;
        var _left=($(window).width()-$(".popup").width())/2;

        $(".popup").css({top:_top,left:_left});
    }


</script>

<script type="text/javascript">
    $(document).ready(function(){

        $(".top_nav").mousedown(function(e){
            $(this).css("cursor","move");//改变鼠标指针的形状
            var offset = $(this).offset();//DIV在页面的位置
            var x = e.pageX - offset.left;//获得鼠标指针离DIV元素左边界的距离
            var y = e.pageY - offset.top;//获得鼠标指针离DIV元素上边界的距离
            $(document).bind("mousemove",function(ev){ //绑定鼠标的移动事件，因为光标在DIV元素外面也要有效果，所以要用doucment的事件，而不用DIV元素的事件

                $(".popup").stop();//加上这个之后

                var _x = ev.pageX - x;//获得X轴方向移动的值
                var _y = ev.pageY - y;//获得Y轴方向移动的值

                $(".popup").animate({left:_x+"px",top:_y+"px"},10);
            });

        });

        $(document).mouseup(function() {
            $(".popup").css("cursor","default");
            $(this).unbind("mousemove");
        });
    })
</script>


        <!-- End Header Area -->

        <!-- Start top-section Area -->
        <section class="top-section-area section-gap">
            <div class="container">
                <div class="row justify-content-start align-items-center d-flex">
                    <div class="col-lg-8 top-left">
                        <h1 class="text-white mb-20" id="title_one">Post Details</h1>
                        <ul>
    <li><a href="#" onclick="user_index()">Home首页</a><span class="lnr lnr-arrow-right"></span></li>
    <!--<li><a href="#" onclick="archive()">Archive档案</a><span class="lnr lnr-arrow-right"></span></li>
    <li><a href="#" onclick="single()">single个人时尚</a></li>-->
</ul>
                    </div>
                </div>
            </div>
        </section>
        <!-- End top-section Area -->

        <!-- Start post Area -->
        <div class="post-wrapper pt-100">
            <!-- Start post Area -->
            <div class="post-wrapper pt-100">
                <!-- Start post Area -->
                <section class="post-area">
                    <div class="container">
                        <div class="row justify-content-center">
                            <div class="col-lg-8">
                                <div class="single-page-post">
                                    <img class="img-fluid" style="width: 600px;height: 300px" id="article_img" src="/public/static/img/single.jpg" alt="">
                                    <div class="top-wrapper ">
                                        <div class="row d-flex justify-content-between">
                                            <h2 class="col-lg-8 col-md-12 text-uppercase" id="title">
                                            </h2>
                                            <div class="col-lg-4 col-md-12 right-side d-flex justify-content-end">
                                                <div class="desc">
                                                    <h2 id="username"></h2>
                                                    <h3 id="time"></h3>
                                                </div>
                                                <div class="user-img" >
                                                    <img style="width: 50px;border-radius: 100%" src="/public/static/img/user.jpg" id="user_img" alt="">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tags">
                                        <ul>
                                            <li><a href="#">lifestyle</a></li>
                                            <li><a href="#">Art</a></li>
                                            <li><a href="#">Technology</a></li>
                                            <li><a href="#">Fashion</a></li>
                                        </ul>
                                    </div>
                                    <div class="single-post-content" id="content">
                                        <p>content</p>
                                    </div>
                                    <div class="bottom-wrapper">
                                        <div class="row">
                                            <div class="col-lg-4 single-b-wrap col-md-12">
                                                <a  onclick="like_add(1)" href="#l">
                                                    <i class="fa fa-heart-o" aria-hidden="true"></i>
                                                </a>
                                                <em id="likes">4 </em>
                                                <em>people like this</em>
                                            </div>
                                            <div class="col-lg-4 single-b-wrap col-md-12" >
                                                <a  href="#tihuan_big">
                                                    <i class="fa fa-comment-o" aria-hidden="true"></i>
                                                    <em id="comments"></em>
                                                </a>
                                            </div>
                                            <div class="col-lg-4 single-b-wrap col-md-12">
                                                <ul class="social-icons">
                                                    <li><a href="http://baidu.com"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                                    <li><a href="http://www.peizheng.com.cn"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                                    <li><a href="http://suogou.com"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
                                                    <li><a href="http://hao123.com"><i class="fa fa-behance" aria-hidden="true"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Start nav Area -->
                                    <section class="nav-area pt-50 pb-100">
                                        <div class="container">
                                            <div class="row justify-content-between">
                                                <div class="col-sm-6 nav-left justify-content-start d-flex">
                                                    <div class="thumb">
                                                        <img src="/public/static/img/prev.jpg" alt="">
                                                    </div>
                                                    <div class="details">
                                                        <p>Prev Post</p>
                                                        <h4 class="text-uppercase"><a href="#">A Discount Toner</a></h4>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6 nav-right justify-content-end d-flex">
                                                    <div class="details">
                                                        <p>Prev Post</p>
                                                        <h4 class="text-uppercase"><a href="#">A Discount Toner</a></h4>
                                                    </div>
                                                    <div class="thumb">
                                                        <img src="/public/static/img/next.jpg" alt="">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </section>
                                    <!-- End nav Area -->

                                    <!-- Start comment-sec Area -->
                                    <section class="comment-sec-area pt-80 pb-80" id="tihuan_big">
                                        <div class="container">
                                            <div class="row flex-column">
                                                <h5 class="text-uppercase pb-80" id="count"></h5>
                                                <br>
                                                <div id="tihuan">

                                                </div>

                                            </div>
                                        </div>
                                    </section>
                                    <!-- End comment-sec Area -->

                                    <!-- Start commentform Area -->
                                    <section class="commentform-area  pb-120 pt-80 mb-100">
                                        <div class="container">
                                            <h5 class="text-uppercas pb-50">Leave a Reply</h5>
                                            <div class="row flex-row d-flex">
                                                <!--<div class="col-lg-6">
                                                    &lt;!&ndash;<input name="name" placeholder="Enter your name" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter your name'" class="common-input mb-20 form-control" required="" type="text">&ndash;&gt;
                                                    &lt;!&ndash;<input name="email" placeholder="Enter your email" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter your email'" class="common-input mb-20 form-control" required="" type="email">&ndash;&gt;
                                                    <input name="Subject" placeholder="Subject" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter your Subject'" class="common-input mb-20 form-control" required="" type="text">

                                                </div>-->
                                                <div class="col-lg-6" >
                                                    <textarea id="comment" style="width: 720px" class="form-control mb-10" name="message" placeholder="Messege" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Messege'" required=""></textarea>
                                                    <a class="primary-btn mt-20" onclick="cm_add()" href="#count" >Comment</a>
                                                </div>
                                            </div>
                                        </div>
                                    </section>
                                    <!-- End commentform Area -->

                                </div>
                            </div>

                            <div class="col-lg-4 sidebar-area">
    <div class="single_widget search_widget">
        <div id="imaginary_container">
            <div class="input-group stylish-input-group">
                <input type="text" class="form-control"  placeholder="Search" >
                <span class="input-group-addon">
                    <button type="submit">
                         <span class="lnr lnr-magnifier"></span>
                    </button>
                </span>
            </div>
        </div>
    </div>

    <div class="single_widget about_widget">
        <img id="right_user_img" width="200px" height="180px" style="margin-left: 50px" src="/public/static/img/asset/s-img.jpg">
        <h2 id="right_username" class="text-uppercase">Adele Gonzalez</h2>
        <p id="introduce">
            MCSE boot camps have its supporters and
            its detractors. Some people do not understand why you should have to spend money
        </p>
        <div class="social-link" id="post_info_change">
            <a href="#"><button class="btn"><i class="fa fa-facebook" aria-hidden="true"></i> Like</button></a>
            <a href="#"><button class="btn"><i class="fa fa-twitter" aria-hidden="true"></i> follow</button></a>
        </div>
    </div>

    <!--post categories-->
    <div class="single_widget cat_widget">
        <h4 class="text-uppercase pb-20">post categories</h4>
        <ul id="tihuan_post_type">
            <!--<li>
                <a href="#">Lifestyle <span>37</span></a>
            </li>
            <li>
                <a href="#">Fashion <span>37</span></a>
            </li>
            <li>
                <a href="#">Art <span>37</span></a>
            </li>
            <li>
                <a href="#">Food <span>37</span></a>
            </li>
            <li>
                <a href="#">Architecture <span>37</span></a>
            </li>
            <li>
                <a href="#">Adventure <span>37</span></a>
            </li>-->
        </ul>
    </div>
    <!--end-->

    <!--guanggao-->
    <div class="single_widget recent_widget">
        <h4 class="text-uppercase pb-20">Recent Posts</h4>
        <div class="active-recent-carusel">
            <div class="item">
                <img src="/public/static/img/asset/slider.jpg" alt="">
                <p class="mt-20 title text-uppercase">Home Audio Recording <br>
                    For Everyone</p>
                <p>02 Hours ago <span> <i class="fa fa-heart-o" aria-hidden="true"></i>
                                    06 <i class="fa fa-comment-o" aria-hidden="true"></i>02</span></p>
            </div>
            <div class="item">
                <img src="/public/static/img/asset/slider.jpg" alt="">
                <p class="mt-20 title text-uppercase">Home Audio Recording <br>
                    For Everyone</p>
                <p>02 Hours ago <span> <i class="fa fa-heart-o" aria-hidden="true"></i>
                                    06 <i class="fa fa-comment-o" aria-hidden="true"></i>02</span></p>
            </div>
            <div class="item">
                <img src="/public/static/img/asset/slider.jpg" alt="">
                <p class="mt-20 title text-uppercase">Home Audio Recording <br>
                    For Everyone</p>
                <p>02 Hours ago <span> <i class="fa fa-heart-o" aria-hidden="true"></i>
                                    06 <i class="fa fa-comment-o" aria-hidden="true"></i>02</span></p>
            </div>
        </div>
    </div>
    <!--end-->

    <!--post archive-->
    <div class="single_widget cat_widget">
        <h4 class="text-uppercase pb-20">post archive</h4>
        <ul id="tihuan_post_time">
            <!--<li>
                <a href="#">Nov'17 <span>37</span></a>
            </li>
            <li>
                <a href="#">Oct'17 <span>37</span></a>
            </li>
            <li>
                <a href="#">Sept'17 <span>37</span></a>
            </li>
            <li>
                <a href="#">Aug'17 <span>37</span></a>
            </li>
            <li>
                <a href="#">Jul'17 <span>37</span></a>
            </li>
            <li>
                <a href="#">Jun'17 <span>37</span></a>
            </li>-->
        </ul>
    </div>
    <!--end-->

    <div class="single_widget tag_widget">
        <h4 class="text-uppercase pb-20">Tag Clouds</h4>
       <!-- <ul>
            <li><a href="#">Lifestyle</a></li>
            <li><a href="#">Art</a></li>
            <li><a href="#">Adventure</a></li>
            <li><a href="#">Food</a></li>
            <li><a href="#">Technology</a></li>
            <li><a href="#">Fashion</a></li>
            <li><a href="#">Adventure</a></li>
            <li><a href="#">Food</a></li>
            <li><a href="#">Technology</a></li>
        </ul>-->
    </div>
</div>
                        </div>
                    </div>
                </section>

                <!-- End post Area -->
            </div>
        </div>
        <!-- End post Area -->


        <!-- start footer Area -->
        <footer class="footer-area section-gap">
    <div class="container">
        <div class="row">
            <div class="col-lg-3  col-md-12">
                <div class="single-footer-widget">
                    <h6>友情链接</h6>
                    <ul class="footer-nav">
                        <li><a href="http://angryshan.com/admin/login/login">珊珊留言板</a></li>
                        <li><a href="https://www.baidu.com">百度</a></li>
                        <li><a href="#">Power Tools</a></li>
                        <li><a href="#">Marketing Service</a></li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-6  col-md-12">
                <div class="single-footer-widget newsletter">
                    <h6>Newsletter</h6>
                    <p>You can trust us. we only send promo offers, not a single spam.</p>
                    <div id="mc_embed_signup">
                        <form target="_blank" novalidate action="#/subscribe/post?u=1462626880ade1ac87bd9c93a&amp;id=92a4423d01" method="get" class="form-inline">

                            <div class="form-group row" style="width: 100%">
                                <div class="col-lg-8 col-md-12">
                                    <input name="EMAIL" placeholder="Enter Email" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter Email '" required="" type="email">
                                    <div style="position: absolute; left: -5000px;">
                                        <input name="b_36c4fd991d266f23781ded980_aefe40901a" tabindex="-1" value="" type="text">
                                    </div>
                                </div>

                                <div class="col-lg-4 col-md-12">
                                    <button class="nw-btn primary-btn">Subscribe<span class="lnr lnr-arrow-right"></span></button>
                                </div>
                            </div>
                            <div class="info"></div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-lg-3  col-md-12">
                <div class="single-footer-widget mail-chimp">
                    <h6 class="mb-20">Instragram Feed</h6>
                    <ul class="instafeed d-flex flex-wrap">
                        <li><img src="/public/static/img/i1.jpg" alt=""></li>
                        <li><img src="/public/static/img/i2.jpg" alt=""></li>
                        <li><img src="/public/static/img/i3.jpg" alt=""></li>
                        <li><img src="/public/static/img/i4.jpg" alt=""></li>
                        <li><img src="/public/static/img/i5.jpg" alt=""></li>
                        <li><img src="/public/static/img/i6.jpg" alt=""></li>
                        <li><img src="/public/static/img/i7.jpg" alt=""></li>
                        <li><img src="/public/static/img/i8.jpg" alt=""></li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="row footer-bottom d-flex justify-content-between">

            <!--<p class="col-lg-8 col-sm-12 footer-text">Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | made with Colorlib -  More Templates  - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>-->

            <div class="col-lg-4 col-sm-12 footer-social">
                <a href="#"><i class="fa fa-facebook"></i></a>
                <a href="#"><i class="fa fa-twitter"></i></a>
                <a href="#"><i class="fa fa-dribbble"></i></a>
                <a href="#"><i class="fa fa-behance"></i></a>
            </div>
        </div>
    </div>
</footer>
        <!-- End footer Area -->

        <script src="/public/static/js/vendor/jquery-2.2.4.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="/public/static/js/vendor/bootstrap.min.js"></script>
<script src="/public/static/js/jquery.ajaxchimp.min.js"></script>
<script src="/public/static/js/parallax.min.js"></script>
<script src="/public/static/js/owl.carousel.min.js"></script>
<script src="/public/static/js/jquery.magnific-popup.min.js"></script>
<script src="/public/static/js/jquery.sticky.js"></script>
<script src="/public/static/js/main.js"></script>
<script src="/public/static/js/user/jump.js"></script>

<script src="/public/static/plug/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script src="/public/static/js/user/func.js"></script>
<script src="/public/static/js/user/post_area.js"></script>
<script src="/public/static/js/user/comment.js"></script>
<script src="/public/static/js/user/jump.js"></script>

<script src="/public/static/js/common/base64.js"></script>
<script src="/public/static/js/common/json.js"></script>
<script src="/public/static/js/common/md5.js"></script>
<script src="/public/static/js/common/sign.js"></script>
        <script>
            var id = location.href.split('/').pop(); //获取url中"/"符后的字串
            id = parseInt(id);

            getComInfoData(id);
        </script>
        </body>
    </html>